<template>
	<div style="height: 451px;background-color: #2e3136;width: 100%;">
		<div style="height: 60px;"></div>
		<div class="buju" style="height: 331px;">
			<div class="flex-r" style="color: #c5c7ca; font-size: 12px;line-height: 30px;">
				<div class="flex-r is-cur" style="width: 800px;">
					<div style="margin-right: 90px;">
						<div class="is-f-16 is-fc-b" @click="onpath(1,0)">关于我们</div>
						<div @click="onpath(1,0)">公司简介</div>
						<div @click="onpath(1,1)">实力证明</div>
					</div>
					<div style="margin-right: 40px;">
						<div class="is-f-16 is-fc-b" @click="onpath(2,0)">产品介绍</div>
						<div v-for="(item,i) in productList.slice(0,9)" @click="onpath(2,i)">{{item.title}}</div>
					</div>
					<div style="margin-right: 40px;">
						<div class="is-f-16 is-fc-b" @click="onpath(3,0)">应用案例</div>
						<div v-for="(a,ins) in applicationList.slice(0,6)" @click="onpath(3,ins)">{{a.title}}</div>
					</div>

					<div>
						<div class="is-f-16 is-fc-b" @click="onpath(5,0)">联系我们</div>
						<div @click="onpath(5,0)">联系方式</div>
						<div @click="onpath(5,1)">在线留言</div>
					</div>
				</div>
				<div class="flex1 flex flex-end">
					<div class=" flex-r is-m-t2">
						<div class="flex-c" style="text-align: right;">
							<div>全国咨询热线</div>
							<div>
								<strong class="is-fc-b" style="font-size: 32px;">132-0666-5005</strong>
							</div>
						</div>
						<img class="is-m-l2" width="105" height="105" src="@/assets/img/2weima.png">
					</div>
				</div>
			</div>
		</div>
		<div style="width: 1200px;margin: 0 auto;">
			<div class="bq flex-r">
				<div>
					Copyright © 2024-{{ new Date().getFullYear() }} 天桦生物科技
				</div>
				<div class="flex1 flex flex-end">
					<a style="text-decoration:none;color: #fff;" target="_blank"
						href="https://beian.miit.gov.cn/#/Integrated/index">黑ICP备2025042872号-1</a>
						<!-- <a style="text-decoration:none;color: #fff;margin-left: 10px;" target="_blank"
							href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802043133\">
							<img style="width: 12px;height: auto;" src="@/assets/jing.png" alt="" srcset="">
							京公网安备 {{urlnumjing}}号
						</a> -->
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts">
	import useAppStore from '@/store/modules/home'
	const {
		productList,
		applicationList
	} = defineProps({
		productList: { // 产品
			type: Array,
			default: () => {
				return []
			}
		},
		applicationList: { // 产品
			type: Array,
			default: () => {
				return []
			}
		},

	})
	const url = import.meta.env.VITE_APP_BASE_URL
	const urlnum=ref()
	const urlnumjing=ref()
	if(url=='https://tiangygy.sunwutianhua.cn/'){
		urlnum.value = 1
		urlnumjing.value = '11010802043133'
	}else{
		urlnum.value = 2
	}
	const onpath = async (i : any, type : any) => {
		useAppStore().showindexing(i)
		useAppStore().onshowi(type)
		useAppStore().onshowdel(true)
		document.body.scrollTop = 0
		document.documentElement.scrollTop =0
		if (i == 3) {
			useAppStore().onshowdel(false)
			useAppStore().onapplicationindex(type)
		}
	}
</script>

<style lang="scss" scoped>
	.bq {
		height: 50px;
		line-height: 55px;
		border-top: 1px solid #a3a3a3;
		font-size: 12px;
		color: #ebebeb;
	}
</style>